<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<title></title>
		<link rel="stylesheet" href="index.css" />
	</head>
	<body>
		<div id="body">
			<header>
				<div><img src="share/返回.png" alt="" /></div>
				<!--三个选项-->
				<div id="item">
					<img src="share/顶部按钮A.png" alt="" />					
					<img v-for='(item,index) in imgs' v-bind:class='item.isShow' v-bind:src='item.url'  @click='select(imgs,index)' alt="" />					
				</div>
				<div><img src="share/截图A.png" alt="" /></div>
			</header>
			<!--每日分享-->
			<main-share></main-share>
			
			
		</div>
		<!--电脑main-->
		<script type="text/html" id="main-share">
			<main id='share'>
				<div class="days">
					<span style="color: #ffd800;line-height: 181px;font-size: 45px;">已连续分享<span style="font-size: 60px;">18</span>天</span>
					<img src="share/每日分享/按钮分享.png" alt="" />
				</div>
				<div class="money">
					<div v-for='item in moneys' style="position: relative;">
						<div><span style="line-height: 43px;font-size: 20px;color: white;font-weight: bold;" v-text='item.date'></span></div>
						<img v-bind:src='item.url' alt="" />
						<span style="position: absolute;bottom: 20px;left: 30px;font-size: 20px;color: #ffd800;font-weight: bold;"  v-text='item.size'></span>
					</div>
				</div>
				<div class="tips">
					<p style="color: #9d4454;text-align: center;font-size: 25px;font-weight: bold;margin-top: 40px;">注意:分享内容不允许删除，否则拿不到奖励</p>
				</div>
			</main>
		</script>
		
		
		<script src="vue.min.js"></script>
		<script src="index.js"></script>		
	</body>
</html>
